<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title>angularJS-test1</title>
<style type="text/css">
	hthml,body{margin: 0px;}
	.myApp{
		position: fixed;
		bottom: 0px;
		background-color: rgba(85,107,47,0.2);
		width: 100%;
	}
</style>
</head>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script th:src="@{/resource/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript">
	
</script>
<body>
	<div class ='myApp' x-ng-app="myApp" x-ng-controller="myCtrl">
		名: <input type="text" x-ng-model="firstName"><br>
		姓: <input type="text" x-ng-model="lastName"><br>
		<br>
		姓名: {{firstName + " " + lastName}}
		
		<br>
		
		名: <input type="text" x-ng-model="first"><br>
		姓: <input type="text" x-ng-model="last"><br>
		<br>
		姓名: {{first + " " + last}}
	</div>
</body>
<script type="text/javascript">
	var app = angular.module('myApp', []);
	app.controller('myCtrl', function($scope) {
	    $scope.firstName= "John";
	    $scope.lastName= "Doe";
	});
</script>
</html>